<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/alert.css">
    <link rel="shortcut icon" href="../img/favicon.ico" />
    <title>小米帐号 - 登录</title>
</head>

<body>
    <main>
        <div><img
                src="https://cdn.web-global.fds.api.mi-img.com/mcfe--mi-account/static/static/media/banner.4994397e.jpg">
        </div>
        <div>
            <div class="top">
                <div>
                    <i class="iconfont">&#xe613;</i>
                    <span>小米账号</span>
                </div>
                <div>
                    <div>用户协议</div>
                    <div>隐私政策</div>
                    <div>帮助中心</div>
                    <div>|</div>
                    <div class="san"><span>中文（简体)</span><i class="iconfont">&#xe6be;</i></div>
                </div>
            </div>
            <div class="middle">
                <form>
                    <div>
                        <span>登录</span>
                        <span>注册</span>
                    </div>
                    <div class="inp">
                        <input id="inpt" class="name" type="text" name="username">
                        <label for="inpt">邮箱/手机号码/小米ID</label>
                    </div>
                    <span>请输入账号,由手机号或邮箱或由英文大小写字母，数字及下划线组成，长度6-12位</span>
                    <div class="inp">
                        <input id="inpt" class="pwd" type="password" name="password">
                        <label for="inpt">密码</label>
                        <button type="button"><i class="iconfont icon-biyanjing"></i></button>
                    </div>
                    <span>请输入登录密码,以字母开头，长度在6~18之间，只能包含字母、数字和下划线</span>
                    <label>
                        <input class="but" type="checkbox">
                        <p>已阅读并同意小米帐号 <span>用户协议</span> 和 <span>隐私政策</span></p>
                    </label>
                    <button>登录</button>
                    <div>
                        <p>忘记密码？</p>
                        <p>手机号登录</p>
                    </div>
                    <p> 其他方式登录</p>
                    <div>
                        <i class="iconfont">&#xe63a;</i>
                        <i class="iconfont">&#xe63b;</i>
                        <i class="iconfont">&#xe6b4;</i>
                        <i class="iconfont">&#xe639;</i>
                    </div>
                </form>
            </div>
            <div class="bottom">
                小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
            </div>
        </div>
    </main>
    <script src="../js/polyfill.js"></script>
    <script src="../../node_modules/jquery/dist/jquery.js"></script>
    <script src="../js/alert.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>